.index_banner{width:100%;position:relative;overflow:hidden;z-index:9;}
.index_banner .swiper-wrapper{}
.index_banner .swiper-slide img{display:block;width:100%;}
.index_banner .swiper-pagination-bullets{bottom:39px!important;height:42px;font-size:0;-webkit-text-size-adjust:none;}
.index_banner .swiper-pagination-bullet{opacity:1;width:42px;height:42px;margin:0 0!important;position:relative;background:transparent;}
.index_banner .swiper-pagination-bullet:before{content:'';width:12px;height:12px;background:#FFF;border-radius:50%;position:absolute;left:50%;margin-left:-6px;top:50%;margin-top:-6px;}
.index_banner .swiper-pagination-bullet.swiper-pagination-bullet-active:before{content:none;}
.index_banner .swiper-pagination-bullet-active .sp_box{display:block;}
.index_banner .swiper-pagination-bullet-active .sp_box .left_item{-webkit-animation:loading_left 6s linear infinite;}
.index_banner .swiper-pagination-bullet-active .sp_box .right_item{-webkit-animation:loading_right 6s linear infinite;}
.sp_box{width:42px;height:42px;position:relative;display:none;}
.sp_box:before{content:'';width:100%;height:100%;border:2px solid #FFF;position:absolute;left:0;top:0;border-radius:50%;box-sizing:border-box;}
.sp_box .left_box,.sp_box .right_box{position:absolute;top:0;width:50%;height:100%;overflow:hidden;z-index:1;}
.sp_box .left_box{left:0;}
.sp_box .right_box{right:0;}
.sp_box .left_item,.sp_box .right_item{width:100%;height:100%;}
.sp_box .left_item{border-top-left-radius:100px;border-bottom-left-radius:100px;-webkit-transform-origin:right center;transform-origin:right center;border-top:2px solid #7c7c7c;border-left:2px solid #7c7c7c;border-bottom:2px solid #7c7c7c;}
.sp_box .right_item{border-top-right-radius:100px;border-bottom-right-radius:100px;-webkit-transform-origin:left center;transform-origin:left center;border-top:2px solid #7c7c7c;border-right:2px solid #7c7c7c;border-bottom:2px solid #7c7c7c;}
.sp_box .sp_center{position:absolute;top:2px;left:2px;right:2px;bottom:2px;z-index:2;border-radius:50%;font-size:14px;color:#FFF;height:38px;line-height:38px;}

.main_1 {padding: 60px 0 80px; background-color: #f0f0f0;}

.index-title {margin-top: 50px;}
.index-title .title {font-size: 40px;color: #333;font-weight: bold;text-align: center;}
.index-title .intro {font-size: 16px;color: #666;margin-top: 18px;text-align: center;}
.index-title .line {width: 387px;height: 1px;margin: 24px auto 0;background-color: #cccccc;position: relative;}
.index-title .line::after {content: "";display: block;position: absolute;left: 50%;top: -4px;width: 50px;height: 9px;background-color: #06C;border-radius: 5px;transform: translateX(-50%);}


.i_zcfw_con{width: 100%;}
.i_zcfw_con ul{margin-top: 60px;}
.i_zcfw_con ul li{margin: 0 3% 3% 0;padding: 20px 15px 15px 15px;background: #fff;float: left;width: 31%;transition: all .3s;cursor: pointer; text-align:center;}
.i_zcfw_con ul li:nth-child(3n){margin-right: 0;}
.i_zcfw_con ul li:nth-child(3n+1){clear:left;}
.i_zcfw_con ul li img{width: 60px;height: 60px;}
.i_zcfw_con ul li .tit{font-size: 24px;font-weight: bold;margin: 10px 0;}
.i_zcfw_con ul li p{font-size: 15px;color: #6b686b;line-height: 20px;height: 40px;}
.i_zcfw_con ul li:hover{margin-top: -1%;}
.i_zcfw_con ul li:hover .tit{color: #06c;}

.i_pro_type{overflow: hidden;margin-top: 60px;}
.i_pro_type ul{text-align: center;position: relative;}
.i_pro_type li{width: 120px;line-height: 50px;background: #ffffff;display: inline-block;font-size: 16px;color: #343434;margin: 10px 12px;position: relative;cursor: pointer; border-radius: 5px;}
.i_pro_type li a{display: block;}
.i_pro_type li.on{background-color: #06C;color: #ffffff;}
.i_pro_type li:hover a { color: #fff; background-color: #06C; border-radius: 5px; line-height: 50px;}

.i_pro_list_contain { margin-top: 50px;}
.i_pro_list {margin-top:29px;width: 100%;}
.i_pro_list .i_pro_item {width:32%;margin: 0 2% 3% 0;float: left;}
.i_pro_list .i_pro_item:nth-child(3n){margin-right: 0;}
.i_pro_list .i_pro_item:nth-child(3n+1){clear:left;}
.i_pro_list .i_pro_item .tu {width:100%;overflow:hidden;}
.i_pro_list .i_pro_item .tu img {width:100%;height:100%;transition:0.3s;}
.i_pro_list .i_pro_item .info {width:100%;height:80px;display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:0 19px;transition:0.3s;box-sizing:border-box;}
.i_pro_list .i_pro_item .info span {font-size:15px;transition:0.3s; font-weight:bold;}
.i_pro_list .i_pro_item .info div {font-size:15px;color:#6f6f6f;transition:0.3s;}
.i_pro_list .i_pro_item:hover .tu img {transform:scale(1.1);}
.i_pro_list .i_pro_item:hover .info {background-color:#06C;}
.i_pro_list .i_pro_item:hover .info span {color:#fff;}
.i_pro_list .i_pro_item:hover .info div {color:#fff;}
.i_pro_list .i_pro_item:hover .info strong {color:#fff;}

.i_youshi {padding:60px 0 0;background-color:#fff;}
.i_youshi .reason-nav {margin-top:44px;}
.i_youshi .reason-nav ul {display:flex;justify-content:space-between;}
.i_youshi .reason-nav ul li {width:25%;height:140px;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:0.3s;}
.i_youshi .reason-nav ul li .icon {width:80px;height:80px;margin-right:20px;transition:0.3s;}
.i_youshi .reason-nav ul li .icon2 {display:none;}
.i_youshi .reason-nav ul li .word .title {font-size:28px;transition:0.3s;}
.i_youshi .reason-nav ul li .word .intro {font-size:18px;color:#808080;margin-top:10px;transition:0.3s;}
.i_youshi .reason-nav ul li .sanjiao {display:none;position:absolute;left:50%;bottom:-16px;width:0;height:0;transition:0.3s;transform:translateX(-50%);border-top:16px solid #06C;border-right:16px solid transparent;border-left:16px solid transparent;}
.i_youshi .reason-nav ul li::after {content:"";right:0;top:30px;width:1px;height:80px;position:absolute;background-color:#cccccc;}
.i_youshi .reason-nav ul li:last-child::after {display:none;}
.i_youshi .reason-nav ul .li-active {background-color:#06C;}
.i_youshi .reason-nav ul .li-active .icon1 {display:none;}
.i_youshi .reason-nav ul .li-active .icon2 {display:block;}
.i_youshi .reason-nav ul .li-active .word .title {color:#fff;}
.i_youshi .reason-nav ul .li-active .word .intro {color:#fff;}
.i_youshi .reason-nav ul .li-active .sanjiao {display:block;}
.i_youshi .reason-nav ul li:hover {background-color:#06C;}
.i_youshi .reason-nav ul li:hover .icon1 {display:none;}
.i_youshi .reason-nav ul li:hover .icon2 {display:block;}
.i_youshi .reason-nav ul li:hover .word .title {color:#fff;}
.i_youshi .reason-nav ul li:hover .word .intro {color:#fff;}
.i_youshi .reason-nav ul li:hover .sanjiao {display:block;}
.i_youshi .reason-contain {background-image:url("../images/reason_bg.png");background-repeat:no-repeat;background-size:cover;background-position:center;height:560px;}
.i_youshi .reason-contain .container {display:flex;height:100%;}
.i_youshi .reason-contain .container .promise {width:300px;padding:60px 0 0 41px;margin-right:140px;background:#0000007a;}
.i_youshi .reason-contain .container .promise h3 {font-size:36px;color:#fefefe;}
.i_youshi .reason-contain .container .promise .intro {margin-top:14px;font-size:22px;color:#fefefe;}
.i_youshi .reason-contain .container .promise .line {width:60px;height:5px;margin-top:36px;background-color:#ffffff;}
.i_youshi .reason-contain .container .promise .seave {margin-top:50px;}
.i_youshi .reason-contain .container .promise .seave .strip {display:flex;align-items:center;margin-bottom:20px;}
.i_youshi .reason-contain .container .promise .seave .strip div {width:8px;height:8px;margin-right:10px;background-color:#ffffff;}
.i_youshi .reason-contain .container .promise .seave .strip span {font-size:18px;color:#fefefe;}
.i_youshi .reason-contain .container .promise .order {margin-top:20px;width:160px;height:54px;color:#fefefe;font-size:16px;line-height:54px;text-align:center;display:block;transition:0.2s;border:solid 1px #ffffff;}
.i_youshi .reason-contain .container .promise .order:hover {color:#fff;background-color:#06C;border:1px solid #06C;}
.i_youshi .reason-contain .container .reason-box {width:620px;height:326px;margin-top:104px;position:relative;background-color:#ffffff;}
.i_youshi .reason-contain .container .reason-box .i_youshi-swiper {width:100%;height:100%;position:initial;}
.i_youshi .reason-contain .container .reason-box .i_youshi-swiper .swiper-slide {padding:40px 50px;box-sizing:border-box;}
.i_youshi .reason-contain .container .reason-box .i_youshi-swiper .swiper-slide h2 {font-size:40px;color:#06C;padding:0;margin:0;}
.i_youshi .reason-contain .container .reason-box .i_youshi-swiper .swiper-slide .intro {margin-top:10px;font-size:24px;}
.i_youshi .reason-contain .container .reason-box .i_youshi-swiper .swiper-slide .line {width:100%;height:1px;margin-top:20px;background-color:#cccccc;}
.i_youshi .reason-contain .container .reason-box .i_youshi-swiper .swiper-slide .detail {margin-top:20px;font-size:16px;color:#666;line-height:32px;text-align:justify;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.i_youshi-swiper .swiper-pagination-bullets {bottom: -40px;}
.i_youshi-swiper .swiper-pagination-bullet {width: 14px; height: 14px; opacity: 1; background: #fff;}
.i_youshi-swiper .swiper-pagination-bullet-active { background: #06C;}

.i_about {padding:60px 0 100px;background-color:#fff;}
.i_about .i_about_box {margin-top:64px;}
.i_about .i_about_box .container {display:flex;}
.i_about .i_about_box .container .show {width:563px;height:304px;margin-right:42px;}
.i_about .i_about_box .container .info {position:relative;flex:1;}
.i_about .i_about_box .container .info .title {font-size:24px;}
.i_about .i_about_box .container .info .intro {margin-top:20px;font-size:15px;color:#666;line-height:30px;text-align:justify;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;}
.i_about .i_about_box .container .info .more {display:block;margin-top:20px;width:128px;height:44px;font-size:16px;color:#fff;line-height:44px;text-align:center;transition:0.2s;background-color:#06C;}
.i_about .i_about_box .container .info .more:hover {background-color:#ffb123;}
.i_about .i_about_box .container .info .i_about-swiper {float:left;margin-top:30px;width:550px;height:133px;position:initial;}
.i_about .i_about_box .container .info .i_about-swiper .swiper-slide img {width:100%;height:100%;}
.i_about .i_news {margin-top:30px;}
.i_about .i_news .container {display:flex;justify-content:space-between;}
.i_about .i_news .container .titles {height:54px;line-height:54px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background-color:#06C;}
.i_about .i_news .container .titles span {font-size:22px;color:#fff;font-weight:bold;}
.i_about .i_news .container .titles .more {font-size:16px;color:#fff;transition:0.3s;}
.i_about .i_news .container .titles .more:hover {color:#ffb123;}
.i_about .i_news .container .new {flex:1;}
.i_about .i_news .container .new .new-main {padding:40px 40px 30px;border:solid 1px #cccccc;display:flex;}
.i_about .i_news .container .new .new-main .flac {width:500px;margin-right:60px;}
.i_about .i_news .container .new .new-main .flac .img {height:240px;overflow:hidden;}
.i_about .i_news .container .new .new-main .flac .img img {width:100%;transition:0.3s;}
.i_about .i_news .container .new .new-main .flac .flac-box {margin-top:30px;}
.i_about .i_news .container .new .new-main .flac .flac-box .title {font-size:18px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-weight:bold;transition:0.3s;}
.i_about .i_news .container .new .new-main .flac .flac-box .intro {margin-top:20px;font-size:16px;color:#666;line-height:30px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.i_about .i_news .container .new .new-main .flac:hover .img img {transform:scale(1.1);}
.i_about .i_news .container .new .new-main .flac:hover .flac-box .title {color:#06C;}
.i_about .i_news .container .new .new-main .list .list-item {margin-bottom:25px;display:flex;align-items:center;}
.i_about .i_news .container .new .new-main .list .list-item .icon {margin-right:10px;}
.i_about .i_news .container .new .new-main .list .list-item .icon2 {display:none;}
.i_about .i_news .container .new .new-main .list .list-item div {font-size:16px;color:#666;width:730px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.i_about .i_news .container .new .new-main .list .list-item span {font-size:16px;color:#666;width:100px;margin-left:10px;}
.i_about .i_news .container .new .new-main .list .list-item:hover div {color:#06C;text-decoration:underline;}


@media screen and (max-width:1680px){	
    .i_zcfw_con ul li .tit{font-size: 19px;}
    .i_zcfw_con ul li p {font-size: 13px;}
	
	.i_pro_type li{font-size: 15px; margin:5px 7px;}
}

@media screen and (max-width:1499px){
    .i_zcfw_con ul {margin-top: 30px;}
    .i_zcfw_con {width: 100%;}
    .i_zcfw_con ul li {margin: 0 2% 2% 0;width: 32%;}
    .i_zcfw_con ul li .tit {font-size: 16px;}
    .i_zcfw_con ul li p {font-size: 12px;}
}

@media screen and (max-width:1299px){
    .index_banner .swiper-pagination-bullets{bottom:26px!important;height:36px;}
    .sp_box{width:36px;height:36px;}
    .sp_box .sp_center{height:32px;line-height:32px;}
	
	.i_pro_type li{margin: 5px 7px;}
	
	.i_about .i_about_box .container .show { width: 370px; object-fit: cover; margin-right: 25px;}
    .i_about-swiper .swiper-button-prev,.i_about-swiper .swiper-button-next {display: none;}
    .i_about .i_news .container .new .new-main { padding: 20px;}
    .i_about .i_news .container .new .new-main .flac { margin-right: 20px;}
    .i_about .i_news .container .new .new-main .list .list-item span { min-width: 89px;}
    .i_about .i_news .container .new .new-main .flac { width: auto;}
    .i_about .i_news .container .new .new-main .flac .img {height: auto;}
}

@media screen and (max-width:1023px){
    .index_banner .swiper-pagination-bullets{bottom:15px!important;}
	
	.i_pro_type li {font-size: 14px;float: left; width: 18%;margin: 0 2% 2% 0;line-height: 40px;}
	.i_pro_type li:last-child{margin-right: 0;}
	
	.i_youshi .reason-contain .container .promise {display: none;}
    .i_youshi .reason-contain .container .reason-box {width: 80%;margin: auto;}
    .i_youshi .reason-contain .container .reason-box .i_youshi-swiper .swiper-slide { padding: 20px;}
	
	.i_about .i_news .container {display: block;}

    .i_zcfw_con{width: 100%;}
}

@media screen and (max-width: 960px) {	
	.i_youshi .reason-nav ul li .icon { width: 40px; height: auto;}
    .i_youshi .reason-nav ul li .word .title {font-size: 22px;}
    .i_youshi .reason-nav ul li .word .intro {font-size: 16px;margin-top: 0;}
    .i_youshi .reason-nav ul li {height: 95px;}
    .i_youshi .reason-nav ul li::after {height: 30px;}
	
	.i_about .i_about_box .container {display: block;}
    .i_about .i_about_box .container .show {width: 100%; height: auto; margin-right: 0;}
    .i_about .i_about_box .container .info .title { margin-top: 20px;}
}

@media screen and (max-width:767px){
    .index_banner .swiper-pagination-bullets{bottom:10px!important;height:24px;}
    .index_banner .swiper-pagination-bullet{width:24px;height:24px;}
    .index_banner .swiper-pagination-bullet:before{width:8px;height:8px;margin-left:-4px;margin-top:-4px;}
    .sp_box{width:24px;height:24px;}
    .sp_box:before{border-width:1px;}
    .sp_box .sp_center{height:22px;line-height:22px;font-size:12px;}
    .sp_box .left_item{border-top-width:1px;border-left-width:1px;border-bottom-width:1px;}
    .sp_box .right_item{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;}
	
	.main_1{padding: 30px 0;}
	
	.index-title {margin-top: 35px;}
	.index-title .title {font-size: 30px;}
	
    .i_zcfw_con ul{margin-top: 15px;}
    .i_zcfw_con ul li{width: 100%;}
    .i_zcfw_con ul li:nth-child(3n){margin-right: 0;}
	
	.i_pro_type li {font-size: 14px;float: left;width: 32%;margin: 0 1% 1% 0;line-height: 40px;}
	.i_pro_type li:nth-child(3n){margin-right: 0;}	
	
	.i_youshi{ padding: 30px 0;}
	.i_youshi .reason-contain .container .reason-box .i_youshi-swiper .swiper-slide h2 { font-size: 22px;}
    .i_youshi .reason-contain .container .reason-box .i_youshi-swiper .swiper-slide .intro { font-size: 18px;}
    .i_youshi .reason-contain .container .reason-box .i_youshi-swiper .swiper-slide .detail {line-height: 26px;}
    .i_youshi .reason-contain .container .reason-box { height: auto;}
    .i_youshi .reason-contain {height: auto; padding: 50px 0;}
    .i_youshi .reason-nav ul li>img {display: none !important;}
	.i_youshi .reason-nav { margin-top: 30px; padding: 0;}
	
	.i_about{ padding: 30px 0;margin-top: 30px;}
}

@media screen and (max-width: 640px) {
	.index-title {margin-top: 20px;}
	.index-title .line {width: 150px; margin: 15px auto 0;}
    .index-title .title {font-size: 24px;}
    .index-title .intro {margin-top: 15px;}
	
	.i_pro_list_contain { margin-top: 10px;}
	.i_pro_list .i_pro_item {width: 49%;}
    .i_pro_list .i_pro_item .info span {font-size: 14px;}
    .i_pro_list .i_pro_item .info {padding: 15px; height: auto;}
	
	.i_pro_list .i_pro_item:nth-of-type(3n) {margin-right: 2%;}
    .i_pro_list .i_pro_item:nth-of-type(2n) {margin-right: 0;}
	.i_pro_list .i_pro_item:nth-child(3n+1){clear: none;}
    .i_pro_list .i_pro_item .info {background-color: #e8e8e8;}
    .i_pro_list .i_pro_item .info span {font-size: 14px;}
	.i_pro_list .i_pro_item .info div { display:none;}
	
	.i_youshi .reason-nav ul li {text-align: center;}
    .i_youshi .reason-nav ul li .sanjiao {display: none !important;}
    .i_youshi .reason-nav ul li .word .title {font-size: 16px;}
    .i_youshi .reason-nav ul li .word .intro {font-size: 14px;}
    .i_youshi .reason-contain .container .reason-box .i_youshi-swiper .swiper-slide h2 {font-size: 20px;}
    .i_youshi .reason-contain .container .reason-box {width: 100%;}
	
	.i_about .i_news .container .new .new-main {display: block;}
    .i_about .i_news .container .new .new-main .list .list-item div {width: auto;}
	.i_about .i_news .container .new .new-main .flac .flac-box .intro {line-height: 26px;font-size: 15px;}
    .i_about .i_news .container .new .new-main .list .list-item span {display: none;}
    .i_about .i_news .container .new .new-main .list .list-item {margin-bottom: 20px;}
}